<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>付款页</title>
		<!--引入bottstrapCss****/-->
		<link rel="stylesheet" type="text/css" href="./bt/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<!--引入bottstrapJS***/-->
		<script src="./js/jquery.11.min.js"></script>
		<script src="./bt/js/bootstrap.min.js"></script>

		<script src="./js/index.js"></script>
	</head>

	<body>
		<!--顶部导航-->
		<div id="top">
			<div class="left">
				<ul class="class">

					<li class="class">
						<a href="">品牌官网</a><span>|</span></li>
					<li class="class">
						<a href="">炫耀官网</a><span>|</span></li>
					<li class="father">
						<div class="title">
							<a href="">软件管理</a><i></i></div>

						<div class="hiden">
							<a href="">开发者联盟</a>
							<a href="">EMU</a>
							<a href="">应用市场</a>
							<a href="">云服务</a>
						</div>

					</li>
					<li class="class">
						<a href="">花粉俱乐部</a><span>|</span></li>
					<li class="class">
						<a href="">Select Regoin</a>
					</li>

				</ul>
			</div>
			<div class="right">
				<ul>
					<li>
						<strong><a href="">登录</a></strong>&nbsp;
						<strong><a href="">注册 </a></strong>

					</li>
					<span>|</span>

					<li>
						<a href="">我的订单</a>

					</li>
					<span>|</span>
					<li>
						<a href="">V码（优购码)</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<a href="">手机版</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<div class="title">
							<a href="" class="font">网站导航</a><i></i>
						</div>
						<div class="hiden">
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
						</div>

					</li>

				</ul>
			</div>
		</div>
		<!--顶部灰条结束-->
		<!--***********************子类继承开始*****************************-->
		<div class="header">
			<div class="shopping">
				<!--logo开始-->
				<div class="logo">
					<a href="mapLink">
						<img src="./images/logo.png" alt="" />
					</a>
				</div>

				<!--logo 结束***8右侧不继承自己自编辑-->
				<div class="list_header_right">
					<!--我的购物车 流程条-->
					<!--<div class="list_header_right_Mycar"> 我的购物车</div>-->
					<!--<div class="list_header_right_checkOrder"> 填写核对订单</div>-->
					<div class="list_header_right_successOrder">成功递交订单</div>

				</div>
			</div>
		</div>

		<div class="success_main">
			<div class="success_main_top">
				<div class="success_top_show">
					<s></s>
					<h3>订单递交成功 ， 请您尽快付款！</h3>
					<p>订单号：121565232545322 | 付款金额（元 ）
						<b>9958000.00元</b>
					</p>
					请您在请您在 <span>2016-09-25 23:26 </span> 完成支付，否则订单将自动取消。
				</div>
				<!--隐藏的订单详情-->
				<div class="success_top__hiden">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<th>订单编号：</th>
							<td style="color: red;"><b>113055516165</b></td>
						</tr>
						<tr>
							<th>订单金额： </th>
							<td>6688000.00元 </td>
						</tr>

						<tr>
							<th>6688.00元 :</th>
							<td> 北京北京朝阳区崔各庄地区（崔各庄乡）顺白路 安辞同 18674404122 </td>
						</tr>

						<tr>
							<th>购买日期：</th>
							<td> 2016-09-24 23:26:00</td>
						</tr>

						<tr>
							<th>配送方式：</th>
							<td>由默认快递公司配送 &nbsp;&nbsp; 运费￥0.00 </td>
						</tr>

						<tr>
							<th>发票信息：</th>
							<td>个人</td>
						</tr>

					</table>

				</div>
				<!--底部按钮-->
				<div class="success_top__button">
					<a href=""><i class="  glyphicon glyphicon-chevron-down"></i>订单详情</a>
				</div>

			</div>
			<!--顶部订单详情结束-->
			<!--付款方式开始***********************88-->
			<div class="success_main_paymentMethod">
				<h3>选择支付方式 &nbsp;&nbsp;<a href="">[重新选择]</a></h3>
				<div class="success_main_paymentMethod_content">
					<dl>
				
						<dd>
							<!--微信隐藏框-->
							<div class="paymentMethod_weixiinHiden">
								<div class="paymentMethod_weixiinHiden_top">
									<input type="radio" name="paymentMethod" id="zhifubao" value="" />
									<label for="zhifubao"><img src="./images/weixin.gif"/></label>
									支付<b> 6688.00</b><span>元</span>
								</div>
								<ul>
									<li>
										<img class="bigerweima" src="images/bigerweima.png"/>
										<div class="bigerweima_btom">
											<i></i>
											<p>请使用微信扫一扫	</p>
											<p>扫描二维码支付</p>
										</div>
									</li>
									<li ><img class="shouji" src="images/shoujidatu.jpg"/></li>
								</ul>
								
							</div>
							<!--点击微信后全部隐藏-->
							<!--第三方支付平台、、、-->
							<div class="paymentMethod_thirdparty">
								<div class="paymentMethod_thirdparty_title">
									第三方支付平台
								</div>
								<div class="paymentMethod_thirdparty_content">
									<a href="" class="link">赢29999元支付宝红包>></a>
									<ul>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
									</ul>
									
								</div>
								
							</div>
							<!--银行网银-->
							
							<div class="paymentMethod_thirdparty">
								<div class="paymentMethod_thirdparty_title">
									银行网银<b>支持以下各银行储蓄卡及信用卡</b><a href="">[查看支付限额]</a>
								</div>
								<div class="paymentMethod_thirdparty_content">
									<a href="" class="link">赢29999元支付宝红包>></a>
									<ul>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										
										
									</ul>
									
								</div>
								
							</div>
							<!--信用卡快捷支付-->
								<div class="paymentMethod_thirdparty">
								<div class="paymentMethod_thirdparty_title">
									信用卡快捷支付<b>无需网银</b>
								</div>
								<div class="paymentMethod_thirdparty_content">
									<a href="" class="link">赢29999元支付宝红包>></a>
									<ul>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										
										
									</ul>
									
								</div>
								
							</div>
							<!--花呗分期-->
							<div class="paymentMethod_thirdparty">
								<div class="paymentMethod_thirdparty_title">
									分期付款：支持以下各银行储蓄卡及信用卡，查看分期付款
								</div>
								<div class="paymentMethod_thirdparty_content">
									<a href="" class="link">赢29999元支付宝红包>></a>
									<ul>
										<li>
											<input type="radio" name="paymentMethod" id="zhifubao" value="" />
											<label for="zhifubao"><img src="./images/zhifubao.png"/></label>
										</li>
										
										
										
									</ul>
									
								</div>
								
							</div>
							<!--花呗分期结束-->
							
						</dd>
					</dl>
				</div>
			</div>

		</div>

		<!--***********************子类继承结束*****************************-->
		<div class="public_footer">
			<!--五百强企业退货开始-->
			<div class="public_footer_slogan">
				<ul>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>

				</ul>
			</div>
			<!--售后服务、-->
			<div class="service">
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

			</div>
			<!--底部友情链接热门搜索-->
			<div class="public_footer_webset">
				<div class="webset_hotLink">
					<p>
						热门华为手机：
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>
				</div>
				<!--协议备案-->
				<div class="web_set_agreement">
					<p>
						<a href="">隐私政策 </a>
						<a href=""> 服务协议</a> email 115566633@sin.com</p>
					<p>
						<a href="">公安网备案555655969156</a>|增值电信业务许可证
						<a href="">网络文化许可118666146416</a>
					</p>
					<div class="webset_over">
						<p>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>

						</p>
					</div>

				</div>
			</div>
			<!--右侧定位点击回顶部-->
			<div class="Right_fixed">

				<a href=""></a>
				<a href=""></a>
				<a href=""></a>

			</div>

		</div>

	</body>

</html>